@charset "utf-8";
/* 基本样式*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/* structural elements 结构元素*/
dl,dt,dd,ul,ol,li,/* list elements 列表元素*/
pre,/* text formatting elements 文本格式元素*/
form,fieldset,legend,button,input,select,option,textarea,/* form elements 表单元素*/
th,td/* table elements 表格元素*/{
margin: 0;
padding: 0;
}
.cf:after{
    content: '';
    height: 0;
    display: block;
    clear: both;
}
.contents{
    width:1200px;
    margin:0 auto;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
/* 基本样式*/
/* 顶部通栏样式*/
header{
    width:100%;
    height:30px;
    background-color: #0F0F0F;
}
header .top1 p{
    float:right;
    color:#d8d8d8;
    line-height: 30px;
    font-size: 14px;
}
header .top1 p a{
    text-decoration: none;
    color:#f60;
}
header .top1 .wz{
    text-decoration: none;
    color:#d8d8d8;
    line-height: 30px;
    margin-left: 200px;
}
header .top1 p #post{
    text-decoration: none;
    color:#d8d8d8;
    line-height: 30px;
}
/* 顶部通栏样式*/
.topnav{
    position:relative;
    height:70px;
}
.topnav .logo{
    position:absolute;
    top:-30px;
    left:0;
}
.topnav h1{
    box-sizing: border-box;
    display: inline-block;
   
    padding-left:260px;
    line-height: 75px;
    color:#888;
}
.topnav .fl2{
    padding-top:40px;
    display: block;
    float:right;
    color:#a6a6a6;
    font-size: 20px;
}
.topnav .fl2 a{
    text-decoration: none;
    color:#666;
}
header .top1 .wz{
    display: inline-block;
    box-sizing: border-box;

    padding-left:60px;
}
.bannerlog{
    width:100%;
    height:660px;
    margin-top:0;
    border-top:3px solid #eee;
    border-bottom:2px solid #eee;
    position: relative;
}
/* 主页顶部导航栏快 */

.topnav{
    position:relative;
}

.topnav p{
    position: relative;
    top:-30px;
    right:10px;
    display:block;
    width:220px;
    height:43px;
    float:right;
}
.topnav p #cart{
    
    height:30px;
    width:100px;
    line-height: 30px;
    display:inline-block;
    background-color: #f60;
    color:#e9e9e9;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}
.topnav p #cart img{
    float:left;
}
.topnav p #order{
    height:30px;
    width:100px;
    line-height: 30px;
    display:inline-block;
    background-color: #EBEBEB;
    color:#666;
    text-decoration: none;
    text-align: center;
}
.topnav .mainnav{
    list-style: none;
    box-sizing: border-box;
    position:absolute;
    top:35px;
    left:210px;
    
}
.topnav .mainnav li{
    text-align: center;
    float: left;
    padding:0 14px;
    height:40px;
    line-height: 40px;
}
.topnav .mainnav li a:hover{
    color:#f60;
    
}
.topnav .mainnav li a{
    color: #0F0F0F;
    text-decoration: none;
    
}
/* 主页顶部导航栏快 */
.mainbanner{
    position: relative;
}

/* 主页搜索框 */
.search{
    position:relative;
    left:150px;
    width:404px;
    margin:0 auto;
}
.search input{
    border:2px solid #f60;
    outline:0; /* 外轮廓设置为0 */
    width:400px;
    height:36px;
    margin-top:5px;
    padding:0;
    text-indent:1em;
}
.search button{
    background:#f60;
    border:0;
    color:#fff;
    height:36px;
    width:60px;
    position:absolute;
    right:2px;
    top:7px;
    outline:0;
    cursor: pointer;
}
/* 猜你喜欢的内容*/
.likes{
    margin-top:40px;
}
.likes ul{
    list-style: none;
}
.likes h2{
    border-bottom: 4px solid #f60;
}
.likes h2 p{
    display: inline-block;
    width:120px;
    background-color: #f60;
    color:#fff;
    font-size: 20px;
    text-align: center;
}
.likes ul li{
    float:left;
    width:240px;
}
.likes ul li a{
    text-decoration: none;
    color:#333;
    font-size: 14px;
    margin-left:10px;                
}
.likes ul li a span{
    color:#f4290d;
}
/* 主要内容1*/

/* 左边主要内容1*/
.mainset .leftasid{
    width:300px;
}
.mainset .leftasid p{
    margin:5px 10px;
    background-color: #f2f2f2;
    
}
.mainset .leftasid ul{
    padding:7px;
}
.mainset .leftasid ul li img{
   margin: 20px 60px;
}
.mainset .leftasid ul li{
    width: 286px;
    height: 300px;
    margin: 7px auto;
   border-bottom: 2px solid #e6e6e6;
}

/* 内容2*/
.mainset .rightasid{
    width:900px;
    float: right;
   
}
.mainset .rightasid {
    box-sizing: border-box;
    padding:20px;
}


.mainset .rightasid .tiaozhuan p a{
display: inline-block;
width:80px;
height:40px;
border:1px solid #e1e1e1;
text-align: center;
line-height: 40px;
font-size: 18px;
}
/* 顶部下面的商品细节结构设置*/
.books1{
    width:100%;
    height:600px;
    background-color: #f2f2f2;
}
.books1 .bookshow{
    width:1200px;
    height:500px;
    background-color: #fff;
}
.books1 .bookshow .leftbook{
    width:360px;
    height:485px;
    float: left;
}
.books1 .bookshow .leftbook .magnifier{
    margin:0;
}
.books1 .bookshow .rightbook{
    width:796px;
    height:474px;
    float: right;
}
.books1 .bookshow .rightbook .rbookmsg{
    background-color: #f5f5f5;
    width:758px;
    height:160px;
    box-sizing: border-box;
    padding:10px;
}
.lefeb{
    border-left: 1px solid #666;
    padding-left: 10px;
}
.lh30{
    line-height: 30px;
}


.banner4{
    margin-bottom: 0;
    vertical-align: bottom;
}
.fs22{
    font-size: 22px;
}
/* 推广的底部广告

底部图标对应显示细节设置
*/
.banner2{
    width:100%;
    height:100px;
    background-color: #F2F2F2;
    border-top: 5px solid #f60;
}
.banner2 .banner3 ul{
    list-style: none;

}
.banner2 .banner3 li{
    float: left;
    margin:20px 78px 20px 78px;
}

/*
网页底部链接区块对应显示细节设置
*/
.bannerlast ul{
    list-style: none;
    margin:20px 10px 10px 10px;
}
.bannerlast ul li{
    width:100px;
    float:left;
    margin:10px 30px 10px 30px;

}
.bannerlast ul li p a{
    text-decoration: none;
    color:#333;
    text-align: center;
    font-size: 14px;
}    
/*
网页底部页脚对应显示细节设置
*/
.lfot{
    text-align: center;
    font-size: 12px;
}
.lfot .lik a{
    text-decoration: none;
    color:#333;
    display: inline-block;
    border-left:1px solid #000;
    padding:0 20px 0 20px;
    font-size: 12px;
    height:20px;
    line-height: 20px;

}
.lfot .lik .lf1{
    border:0;
}
/*
放大镜对应显示细节设置
*/
.magnifier{
	width: 500px;
	position: relative;
	margin-top: 100px;
	margin-left: 100px;
}
.magnifier-container{
	width: 500px;
	height: 500px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}
.move-view{
	width: 100px;
	height: 100px;
	position: absolute;
	background-image: url('../images/move-box.png');
}
.images-cover{
	height: 100%;
	width: 100%;
	position: relative;
}
.images-cover img{
	position: absolute;
}
.magnifier-assembly{
	height: 92px;
	overflow: hidden;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
}
.magnifier-btn{
	position: absolute;
	font-family: "宋体";
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -40px;
}
.magnifier-btn span{
	line-height: 80px;
	height: 80px;
	width: 20px;
	background-color: #6e6e6e;
	color: #fff;
	display: block;
	z-index: 9998;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
	float: left;
}
.magnifier-btn .magnifier-btn-right{
	float: right;
}
.magnifier-line{
	position: relative;
	overflow: hidden;
	height: 92px;
}
.magnifier-line ul{
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}
.magnifier-line li{
	float: left;
	width: 100px;
	cursor: pointer;
}
.magnifier-line ul > .active .small-img{
	border-color: #bbb;
}
.small-img{
	height: 78px;
	padding: 1px;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}
.small-img img{
	max-width: 100%;
	max-height: 100%;
}
.magnifier-view{
	width: 100%;
	height: 100%;
	position: absolute;
	right: -105%;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow: hidden;
}
.magnifier-view img{
	display: block;
}
.animation03{
	transition: all 0.3s ease-in 0.1s;
	-ms-transition: all 0.3s ease-in 0.1s;
	-moz-transition: all 0.3s ease-in 0.1s;
	-webkit-transition: all 0.3s ease-in 0.1s;
	-o-transition: all 0.3s ease-in 0.1s;
}